﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DineIn.aspx.cs" Inherits="POS.DineIn" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        body
        {
            background-color:#555555;
            height:630px;
            width:98%    
        }
        #form1
        {
            height:100%;
            width:100%
        }
        #container
        {
            height:100%;
            width:100%;     
        }
        #tr_header
        {
            height:10%;
            width:100%;    
        }
        #header
        {
            height:100%;
            width:100%;
        }
        #tr_content
        {
            height:90%;
            width:100%;   
        }
        #content
        {
            height:100%;
            width:100%;
        }
        #td_left
        {
            height:100%;
            width:30%;
        }
        #left
        {
            height:100%;
            width:100%;
        }
        #td_middle
        {
            height:100%;
            width:50%;
        }
        #middle
        {
            height:100%;
            width:100%;
        }
        #td_right
        {
            height:100%;
            width:20%;
        }
        #right
        {
            height:100%;
            width:100%;
        }
        #tr_left_up
        {
            height:55%;
            width:100%;
        }
        #left_up
        {
            height:100%;
            width:94%;
            margin-left:3%;
            border-color:#ffffff;
        }
        #tr_left_middle
        {
            height:15%;
            width:100%;
        }
        #left_middle
        {
            height:100%;
            width:94%;
            margin-left:3%;
            border-color:#ffffff;
        }
        #tr_left_down
        {
            height:30%;
            width:100%;
        }
        #left_down
        {
            height:100%;
            width:100%;
        }
        #tr_middle_up
        {
            height:50%;
            width:100%;
        }
        #middle_up
        {
            height:100%;
            width:100%;
        }
        #tr_middle_middle
        {
            height:30%;
            width:100%;
        }
        #middle_middle
        {
            height:100%;
            width:100%;
        }
        #tr_middle_down
        {
            height:20%;
            width:100%;
        }
        #middle_down
        {
            height:100%;
            width:100%;
        }
<%--########################################################################## --%>
        #header tr td
        {
            height:100%;
            width:20%;
            color:#ffffff;
	        font-family:Comic Sans MS;
            font-size:100%;
            text-decoration:none;
	        text-shadow:1px 1px 0px #528ecc;
	        text-align:center;    
        }
        #left_middle tr td
        {
            height:50%;
            width:33.3%;
            color:#ffffff;
	        font-family:Comic Sans MS;
            font-size:100%;
            text-decoration:none;
	        text-shadow:1px 1px 0px #528ecc;
            text-align:center;   
        }    
        #left_down tr td
        {
            height:33.3%;
            width:50%;    
        }
        .left_downButton
        {
            height:100%;
            width:100%;
            -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        background-color:#79bbff;
	        -moz-border-radius:6px;
	        -webkit-border-radius:6px;
	        border-radius:6px;
	        border:1px solid #84bbf3;
	        display:inline-block;
	        color:#ffffff;
	        font-family:Comic Sans MS;
            font-size:120%;
            text-decoration:none;
	        text-shadow:1px 1px 0px #528ecc;
        }
        #middle_up tr td
        {
            height:20%;
            width:20%;    
        }
        .middle_upButton
        {
            height:100%;
            width:100%;
            -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        background-color:#79bbff;
	        -moz-border-radius:6px;
	        -webkit-border-radius:6px;
	        border-radius:6px;
	        border:1px solid #84bbf3;
	        display:inline-block;
	        color:#ffffff;
	        font-family:Comic Sans MS;
            font-size:120%;
            text-decoration:none;
	        text-shadow:1px 1px 0px #528ecc;     
        }
        #middle_middle tr td
        {
            height:33.3%;
            width:14.2%;
        }
        .middle_middleButton
        {
            height:100%;
            width:100%;
            -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        background-color:#79bbff;
	        -moz-border-radius:6px;
	        -webkit-border-radius:6px;
	        border-radius:6px;
	        border:1px solid #84bbf3;
	        display:inline-block;
	        color:#ffffff;
	        font-family:Comic Sans MS;
            font-size:120%;
            text-decoration:none;
	        text-shadow:1px 1px 0px #528ecc;  
        }
        #middle_down tr td
        {
            height:100%;
            width:16.6%;    
        }
        .middle_downButton
        {
            height:100%;
            width:100%;
            -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        background-color:#79bbff;
	        -moz-border-radius:6px;
	        -webkit-border-radius:6px;
	        border-radius:6px;
	        border:1px solid #84bbf3;
	        display:inline-block;
	        color:#ffffff;
	        font-family:Comic Sans MS;
            font-size:120%;
            text-decoration:none;
	        text-shadow:1px 1px 0px #528ecc;     
        }
        #right tr td
        {
            height:11.1%;
            width:50%;    
        }
        .rightButton
        {
            height:100%;
            width:100%;
            -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        background-color:#79bbff;
	        -moz-border-radius:6px;
	        -webkit-border-radius:6px;
	        border-radius:6px;
	        border:1px solid #84bbf3;
	        display:inline-block;
	        color:#ffffff;
	        font-family:Comic Sans MS;
            font-size:120%;
            text-decoration:none;
	        text-shadow:1px 1px 0px #528ecc;
        }
        
        .left_downButton:hover
        {
            background-color:#378de5;
        }
        .left_downButton:active
        {
	        position:relative;
	        top:1px;
        }
        .middle_upButton:hover
        {
            background-color:#378de5;
        }
        .middle_upButton:active
        {
	        position:relative;
	        top:1px;
        }
        .middle_middleButton:hover
        {
            background-color:#378de5;
        }
        .middle_middleButton:active
        {
	        position:relative;
	        top:1px;
        }
        .middle_downButton:hover
        {
            background-color:#378de5;
        }
        .middle_downButton:active
        {
	        position:relative;
	        top:1px;
        }
        .rightButton:hover
        {
            background-color:#378de5;
        }
        .rightButton:active
        {
	        position:relative;
	        top:1px;
        }
    </style>

    <script type = "text/javascript">
        window.onload = function () {
            var dataCategory = <%=DataCategory%>;
            var button1 = document.getElementById("rightbutton1");
            var hf1 = document.getElementById("rightbuttonhf1");
            button1.value = dataCategory[1][0];
            hf1.value = dataCategory[1][1];
            alert(hf1.value);
        }
//        
//        
//        var dataCategory = <%=category %>>;
//        var dataDish = <%=dish %>>;
//        var table = document.getElementById("right");
//        var rowlength = table.cells.length;
//        alert(rowlength);

//        for (var i = 0, cell; cell = table.cells[i]; i++) {
//            
//        }
//        for(var i = 0; i<rowlength - 1; i++)
//        {
//            var row = table.rows[i];
//            var collength = row.cells.length;
//            alert(collength);
//            for(var j =0; j < collength; j++)
//            {
//                var col = row.cells[j];
//                col.innerHTML = 
//            }
//        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <table id="container">
            <tr id="tr_header">
                <td>
                    <table id="header">
                        <tr>
                            <td>
                                <span>OrderNumber:</span>
                                <span>[NewOrder]</span>
                            </td>
                            <td>
                                <span>Table ID</span>
                                <asp:DropDownList runat="server"/>
                            </td>
                            <td>
                                <span>No. Of Customers: </span>
                                <asp:TextBox runat="server" width="50px"/>
                            </td>
                            <td>
                                <span>Waiter ID: </span>
                                <asp:DropDownList ID="DropDownList2" runat="server"/>
                            </td>
                            <td>
                                <span>Type: </span>
                                <span>DineIn</span>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr id="tr_content">
                <td>
                    <table id="content">
                        <tr>
                            <td id="td_left">
                                <table id="left">
                                    <tr id="tr_left_up">
                                        <td>
                                            <table id="left_up">
                                            </table>
                                        </td>
                                    </tr>
                                    <tr id="tr_left_middle">
                                        <td>
                                            <table id="left_middle" frame="box" rules="all">
                                                <tr>
                                                    <td>
                                                        <span>SubTotal</span>
                                                    </td>
                                                    <td>
                                                        <span>Tax</span>
                                                    </td>
                                                    <td>
                                                        <span>Total</span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <span>4.5</span>
                                                    </td>
                                                    <td>
                                                        <span>0.2</span>
                                                    </td>
                                                    <td>
                                                        <span>4.7</span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr id="tr_left_down">
                                        <td>
                                            <table id="left_down">
                                                <tr>
                                                    <td>
                                                        <asp:Button CssClass="left_downButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="left_downButton" runat="server" Text="Button"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Button CssClass="left_downButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="left_downButton" runat="server" Text="Button"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Button CssClass="left_downButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="left_downButton" runat="server" Text="Button"/>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td id="td_middle">
                                <table id="middle">
                                    <tr id="tr_middle_up">
                                        <td>
                                            <table id="middle_up">
                                                <tr>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_upButton" runat="server" Text="Button"/>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr id="tr_middle_middle">
                                        <td>
                                            <table id="middle_middle">
                                                <tr>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_middleButton" runat="server" Text="Button"/>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr id="tr_middle_down">
                                        <td>
                                            <table id="middle_down">
                                                <tr>
                                                    <td>
                                                        <asp:Button CssClass="middle_downButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_downButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_downButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_downButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_downButton" runat="server" Text="Button"/>
                                                    </td>
                                                    <td>
                                                        <asp:Button CssClass="middle_downButton" runat="server" Text="Button"/>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td id="td_right">
                                <table id="right">
                                    <tr>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                        <td>
                                            <asp:Button ID = "rightbutton1" CssClass="rightButton" runat="server" Text="Button" OnClick = "btn_Category1_Click" />
                                            <asp:HiddenField ID = "rightbuttonhf1" runat = "server" Value = ""/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                        <td>
                                            <asp:Button CssClass="rightButton" runat="server" Text="Button"/>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>
